#Barks{
    width: 100vw;
    height: 89.7vh;
    background-color: rgb(235, 234, 234);
   
    .barksNum {
        width: 100%;
        height: 100px;
        background-color: white;
        display: flex;
        align-items: center;
        margin-top: 10px;
        div {
            text-align: center;
            margin-left: 20px;
    
            h2 {
                margin-top: 10px;
            }
    
            h3 {
                margin-top: 10px;
    
            }
           
        }
    
        input {
            margin-left: 100px;
            width: 25px;
            height: 25px;
        }
    
    }
    .barksNum:nth-child(2){
        margin-top: 10px;
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        div {
            text-align: center;
            margin-left: 20px;
    
            h2 {
                margin-top: 10px;
            }
    
            h3 {
                margin-top: 10px;
    
            }
           
        }
    
        input {
            margin-left: 100px;
            width: 25px;
            height: 25px;
        }
    
    }
    p {
        margin-top: 20px;
    }
    .Barks{
        img{
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }
        p{
            text-align: center;
        }
    }
}
.fans_length{
    width: 90%;
    height: 30px;
    font-size: 20px;
    margin-left: 20px;
}